<template>
    <div class="container" :style="getHeight">
        <slot name="login">
            <div>登陆后查看内容</div>
        </slot>
    </div>

</template>

<script lang="ts" setup>
import { computed } from 'vue'

interface Props {
    height?:number
}
const props = defineProps<Props>()
const getHeight = computed( () => {
    return {
        'height':props.height + 'px'
    }
})

</script>

<style lang="scss" scoped>
.container{
    color: rgb(0, 0, 0,0.5);
    height: 130px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}


</style>